import { StyleSheet } from 'react-native';

export default StyleSheet.create({
  charset: 'UTF-8',
  'import': 'url(~antd/dist/antd.css)',
  // 基本变亮，基本设置
  'html': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'fontWeight': '300',
    'fontSize': [{ 'unit': 'px', 'value': 14 }],
    'WebkitOverflowScrolling': 'touch',
    'only screen&&<w960': {
      'fontSize': [{ 'unit': 'px', 'value': 14 }]
    }
  },
  'body': {
    'width': [{ 'unit': '%H', 'value': 1 }],
    'height': [{ 'unit': '%V', 'value': 1 }],
    'fontWeight': '300',
    'fontSize': [{ 'unit': 'px', 'value': 14 }],
    'WebkitOverflowScrolling': 'touch',
    'only screen&&<w960': {
      'fontSize': [{ 'unit': 'px', 'value': 14 }]
    }
  },
  'body a': {
    'textDecoration': 'none'
  },
  // //将input默认属性更改
  'input': {
    'borderWidth': '0px',
    'padding': [{ 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'px', 'value': 0 }],
    'borderStyle': 'none'
  },
  'input:focus': {
    'outline': '-webkit-focus-ring-color auto 0px',
    'outlineOffset': 'none'
  },
  'li': {
    'listStyle': 'none'
  },
  'button': {
    'border': [{ 'unit': 'string', 'value': 'none' }],
    'outline': 'none'
  },
  'input': {
    'border': [{ 'unit': 'string', 'value': 'none' }],
    'outline': 'none'
  },
  'textarea': {
    'border': [{ 'unit': 'string', 'value': 'none' }],
    'outline': 'none'
  },
  'textarea': {
    'resize': 'none'
  },
  // //图片的滤镜效果
  'filterImg': {
    'filter': 'invert(1)',
    'WebkitFilter': 'invert(1)'
  },
  // //用到overflow 的地方进行滑动的请加上此属性，解决iOS兼容性
  'overflowScroll': {
    'WebkitOverflowScrolling': 'touch'
  },
  'hide-layout': {
    'display': 'none'
  },
  'a': {
    'fontWeight': '300'
  },
  'p': {
    'fontWeight': '300'
  },
  'span': {
    'fontWeight': '300'
  },
  'b': {
    'fontWeight': '300'
  },
  // ---------更改inputplaceholder的颜色有点太浅了---------
  'input::input-placeholder': {
    'color': '#ccc !important',
    'fontWeight': 'normal'
  },
  'textarea::input-placeholder': {
    'color': '#ccc !important',
    'fontWeight': 'normal'
  },
  'input::-webkit-input-placeholder': {
    'color': '#ccc !important',
    'fontWeight': 'normal'
  },
  'textarea::-webkit-input-placeholder': {
    'color': '#ccc !important',
    'fontWeight': 'normal'
  },
  // ---------更改input区域默认的黄色部分---------
  'input:-webkit-autofill': {
    'backgroundColor': '#fff !important'
  },
  'textarea:-webkit-autofill': {
    'backgroundColor': '#fff !important'
  },
  'select:-webkit-autofill': {
    'backgroundColor': '#fff !important'
  },
  'row': {
    'marginRight': [{ 'unit': 'px', 'value': 0 }],
    'marginLeft': [{ 'unit': 'px', 'value': 0 }]
  },
  'container': {
    'paddingRight': [{ 'unit': 'px', 'value': 0 }],
    'paddingLeft': [{ 'unit': 'px', 'value': 0 }]
  },
  'ul': {
    'marginBottom': [{ 'unit': 'px', 'value': 0 }]
  },
  // 后台时间样式
  'time-margin-lf': {
    'marginLeft': [{ 'unit': 'px', 'value': 15 }],
    'only screen&&<w560': {
      'marginLeft': [{ 'unit': 'px', 'value': 0 }]
    }
  },
  'time-margin-rg': {
    'marginRight': [{ 'unit': 'px', 'value': 15 }]
  },
  'total-table': {
    'marginBottom': [{ 'unit': 'px', 'value': 20 }],
    'border': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#ededed' }],
    'borderBottom': [{ 'unit': 'string', 'value': 'none' }],
    'borderRadius': '4px'
  },
  'total-table ant-table-thead > tr > th': {
    'borderBottom': [{ 'unit': 'px', 'value': 1 }, { 'unit': 'string', 'value': 'solid' }, { 'unit': 'string', 'value': '#efefef' }],
    'backgroundColor': '#dcf2fa'
  },
  'ant-table-tbody > tr > td': {
    'padding': [{ 'unit': 'px', 'value': 16 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': '!important' }, { 'unit': 'px', 'value': 0 }]
  },
  'ant-table-thead > tr > th': {
    'padding': [{ 'unit': 'px', 'value': 16 }, { 'unit': 'px', 'value': 0 }, { 'unit': 'string', 'value': '!important' }, { 'unit': 'px', 'value': 0 }]
  },
  'ant-table-tbody > tr > td:nth-child(1)': {
    'paddingLeft': [{ 'unit': 'px', 'value': 4 }, { 'unit': 'string', 'value': '!important' }]
  },
  'ant-table-thead > tr > th:nth-child(1)': {
    'paddingLeft': [{ 'unit': 'px', 'value': 4 }, { 'unit': 'string', 'value': '!important' }]
  },
  // 兼容
  'ant-calendar-picker': {
    // 解决picker与文字底端对齐
    'verticalAlign': 'middle'
  }
});
